<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>民宿</title>
    <meta name="description" content="pear-admin-flask">
    {% include 'admin/common/header.html' %}
    <link rel="stylesheet" href="{{ url_for('static',
      filename='index/layui/css/layui.css') }}"/>
    <link rel="stylesheet" href="{{ url_for('static',
      filename='index/css/main.css') }}"/>
    <link rel="stylesheet" href="{{ url_for('static',
      filename='index/css/load.css') }}"/>
    <style>
        .layui-nav .layui-this:after {
            display: none;
        }

        .layui-nav .layui-nav-bar {
            display: none;
        }
    </style>
</head>

<body>
<!-- header -->
<div class="ew-header">
    <img class="layui-logo" src="{{ url_for('static',
        filename='index/images/un28.svg') }}" style="height:50px;padding: 10px;"/>
    <div class="ew-nav-group">
        <div class="nav-toggle"><i class="layui-icon
            layui-icon-more-vertical"></i></div>
        <ul class="layui-nav" lay-filter="ew-header-nav">
            <li class="layui-nav-item">
                <a lay-href="/">首页</a>
            </li>
            <li class="layui-nav-item">
                <a lay-href="/login">登录</a>
            </li>
            <li class="layui-nav-item">
                <a lay-href="/login">注册</a>
            </li>
            <li class="layui-nav-item">
                <a href="/admin" target="_blank">我是管理员 🧑‍💻</a>
            </li>
        </ul>
    </div>
</div>
<!-- banner -->
<div class="ew-banner" style="box-shadow: 0 0 8px rgba(0,0,0,.101562);">
    <div class="layui-container">
        <div class="layui-carousel" full id="test1">
            <div carousel-item>
                <div style="background-image: url('{{ url_for("static", filename="index/images/demo.png" ) }}');background-position: center;background-size:cover;"></div>
                <div style="background-image: url('{{ url_for("static", filename="index/images/demo2.png" ) }}');background-position: center;background-size:cover;"></div>
                <div style="background-image: url('{{ url_for("static", filename="index/images/demo3.png" ) }}');background-position: center;background-size:cover;"></div>
                <div style="background-image: url('{{ url_for("static", filename="index/images/demo4.png" ) }}');background-position: center;background-size:cover;"></div>
            </div>
        </div>
    </div>
</div>
<div class="section">

</div>


<div class="section" nav-id="product">
    <div class="section-title" style="font-size: 20px;font-weight:500;">
        最新房源
    </div>
    <div class="layui-container" style="padding-bottom: 60px;">
        <div class="layui-row layui-col-space30">

        </div>
    </div>
    <!-- contact -->
    <div class="section">
        <div class="section-title">
            <h2 style="font-size: 20px;font-weight:500">合作伙伴</h2>
            <p>Sponsorship and cooperation</p>
        </div>
        <div class="layui-container">
            <div class="layui-row layui-col-space30" style="margin-top:
            10px;">

            </div>
            <br>
            <br>
        </div>
    </div>
    <div class="ew-footer">
        <div class="layui-container">
            <div class="layui-row layui-col-space30">
                <div class="layui-col-md6">
                    <h2 style="font-size: 17px;" class="footer-item-title">技术交流</h2>
                    <p>
                        <i class="layui-icon layui-icon-dialogue"></i>
                        <a href="https://gitee.com/pear-admin/pear-admin-flask/issues">提问与帮助</a>
                    </p>
                </div>
                <div class="layui-col-md4">
                    <h2 style="font-size: 17px;" class="footer-item-title">联系我们</h2>
                    <p>
                        <i class="layui-icon layui-icon-dialogue"></i>
                        <a href="http://www.pearadmin.com">官网 :
                            www.pearadmin.com</a>
                    </p>
                    <p style="margin-top: 2px;">
                        <i class="layui-icon layui-icon-website"></i>
                        <a href="http://forum.pearadmin.com">社区 :
                            forum.pearadmin.com</a>
                    </p>
                </div>
                <div class="layui-col-md2">
                    <h2 style="font-size: 17px;" class="footer-item-title">友情链接</h2>
                    <p><i class="layui-icon layui-icon-website"></i><a href="https://monksoul.gitee.io/furion/"
                                                                       target="_blank">Furion</a></p>
                    <p style="margin-top: 10px;"><i class="layui-icon
                  layui-icon-website"></i><a href="http://mrdoc.zmister.com/" target="_blank">MrDoc</a></p>
                </div>
            </div>
        </div>
    </div>


</body>
<!-- js部分 -->
<script src="{{ url_for('static',
        filename='admin/component/layui/layui.js') }}"></script>
<script src="{{ url_for('static',
        filename='admin/component/pear/pear.js') }}"></script>

<script>
    layui.use(['layer', 'form', 'jquery', 'carousel'], function () {
        var $ = layui.jquery
        var layer = layui.layer
        var form = layui.form
        var jquery = layui.jquery
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
                elem: '#test1',
                width: '100%',//设置容器宽度
                arrow: 'always',//始终显示箭头
                height: '400px', full: false
                //,anim: 'updown' //切换动画方式
            },
        );
    })
</script>

</html>